page {
    background: #eeecec;
    font-family: "Roboto", sans-serif;
}
.commonLayout {
    margin: 0 16rpx;
}
.commonLayout2 {
    width: 88%;
    margin: 0 auto;
}
.myPage {
    background: #fff;
    margin: 0 auto;
}
.mt10 {
    margin-top: 10rpx;
}
.mb10 {
    margin-bottom: 10rpx;
}
.ml10 {
    margin-left: 10rpx;
}
.mr10 {
    margin-right: 10rpx;
}
.mt20 {
    margin-top: 20rpx;
}
.mt30 {
    margin-top: 30rpx;
}
.mb20 {
    margin-bottom: 20rpx;
}
.ml20 {
    margin-left: 20rpx;
}
.flex-align-items {
    display: flex;
    align-items: center;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-column {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-around {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.h100 {
    height: 100vh;
}
.h80 {
    height: 80vh;
}
.h50 {
    height: 50vh;
}
.h20 {
    height: 20vh;
}
.w100 {
    width: 100vw;
}
.w80 {
    width: 80vw;
}
.w50 {
    width: 50vw;
}
.w96{
    width: 96%;
}
.fixed-down {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}